<template>
    <div style="display: flex;justify-content: center;flex-direction: column">
        <div style="text-align: center; margin-bottom: 20px">
            <h3><strong style="color: #ffb84c; font-size: inherit">{{title}}</strong></h3>
            <h3>长按识别下方二维码</h3>
            <h3>加入 <strong style="color: #ffb84c; font-size: inherit">疯狂测试</strong></h3>
            <h3 v-if="title">点击 <strong style="color: #ffb84c; font-size: inherit">开始测试</strong></h3>
        </div>
        <img src="/img/qrcode.jpg" style="width: 65%;margin:auto">
    </div>
</template>

<script>
    export default {
        name: "qrcode",
        data(){
            return {
                title: "",
                id:"",
            }
        },
        created() {
            this.title = this.$route.query.title;
            if(this.title) {
                document.title = this.title;
            }
            let id = this.$route.query.id;
            if(id) {
                localStorage.setItem("scan-id", id)
            }
        }
    }
</script>

<style>
html {
    height: 100%;
}
body{
    height: 100%;
    background-color:black;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
</style>